ReactのCommit Phase

Reactのrendererがやってるのはこっちか、名前がややこしいなmrsekut.icon

主軸の流れ

①DOMを更新

ReactのRender Phaseの変更をDOMに適用し、DOMを更新

DOMが変わっただけでまだ見た目は変わっていない

②描画

DOM更新の結果を、ブラウザの画面に表示する

たぶんPaintingのこと

これは途中で中断できないのでまるごと反映する必要がある

まるごと反映することで、壊れたUIを表示することを避けられる

Option的なやつ

useComponentDidMount/componentDidUpdate/useLayoutEffect

①と②の間で同期的に実行

つまり、これが終わるまで②に進まない

useEffect

②が完了した後

refsの更新

どのタイミングで実行 #??